@keyframes aurora-spin {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.05);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes hero-pulse {
  0%,
  100% {
    transform: scale(1) translate3d(0, 0, 0);
  }

  50% {
    transform: scale(1.08) translate3d(10px, -12px, 0);
  }
}

@keyframes aurora-shift {
  0% {
    transform: translate(-40%, -40%) rotate(0deg);
  }

  50% {
    transform: translate(-60%, -30%) rotate(120deg);
  }

  100% {
    transform: translate(-40%, -40%) rotate(360deg);
  }
}

@keyframes hero-sparkle {
  0% {
    transform: translate3d(0, 0, 0) scale(0.6);
    opacity: 0;
  }

  15% {
    opacity: 0.9;
  }

  45% {
    transform: translate3d(calc(var(--spark-x) * 0.55), calc(var(--spark-y) * 0.55), 0) scale(1);
    opacity: 0.5;
  }

  100% {
    transform: translate3d(var(--spark-x), var(--spark-y), 0) scale(1.25);
    opacity: 0;
  }
}

@keyframes hero-orb-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.55;
  }

  50% {
    transform: translate3d(0, -24px, 0) scale(1.08);
    opacity: 0.85;
  }
}
